<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>修改信息</title>

    <!--icheck-->
    <link th:href="@{/js/iCheck/skins/minimal/minimal.css}" rel="stylesheet">
    <link th:href="@{/js/iCheck/skins/square/square.css}" rel="stylesheet">
    <link th:href="@{/js/iCheck/skins/square/red.css}" rel="stylesheet">
    <link th:href="@{/js/iCheck/skins/square/blue.css}" rel="stylesheet">

    <!--dashboard calendar-->
    <link th:href="@{/css/clndr.css}" rel="stylesheet">


    <!--common-->
    <link th:href="@{/css/style.css}" rel="stylesheet">
    <link th:href="@{/css/style-responsive.css}" rel="stylesheet">




    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div th:replace="commons/commons::left-side"></div>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <div th:replace="commons/commons::head"></div>
        <!-- header section end-->

        <form  method=post th:action="@{/user/edit}">
            <input hidden="hidden" name="id" th:value="${emp.getId()}" >
            <div class=form-group>
                <label>员工名</label><input type=text class=form-control name=lastName th:value="${emp.getLastName()}">
            </div>

            <div class=form-group>
                <label>邮箱</label><input type=email class=form-control name=email th:value="${emp.getEmail}">
            </div>

            <div class=form-group>
                <label>性别</label>
                <div class=form-check form-check-inline>
                    <input class=form-check-input type=radio name=gender value=1 th:checked="${emp.getGender==1}">
                    <lable class=form-check-label>男</lable>
                </div>

                <div class=form-check form-check-inline>
                    <input class=form-check-input type=radio name=gender value=0 th:checked="${emp.getGender==0}">
                    <lable class=form-check-label>女</lable>
                </div>
            </div>

            <div class=form-group>
                <label>部门</label>
                <select class=form-control name=department.id  >
                    <option th:each="de:${departs}" th:value="${de.getId()}" th:text="${de.getDepartmenName()}" th:selected="${de.getId()==emp.getDepartment().getId()}"></option>
                </select>
            </div>

            <div class=form-group>
                <label>入职日期</label><input th:value="${#dates.format(emp.getBirth(),'yyyy-MM-dd')}" type=text class=form-control name=birth placeholder=2020-5-22>
            </div>
            <button type=submit class=btn btn-primary btn-sm>修改</button>
        </form>



        <!--footer section start-->
        <footer>
            2014 &copy; AdminEx by ThemeBucket
        </footer>
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script th:src="@{/js/jquery-1.10.2.min.js}"></script>
<script th:src="@{/js/jquery-ui-1.9.2.custom.min.js}"></script>
<script th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/modernizr.min.js}"></script>
<script th:src="@{/js/jquery.nicescroll.js}"></script>

<!--easy pie chart-->
<script th:src="@{/js/easypiechart/jquery.easypiechart.js}"></script>
<script thsrc="@{/js/easypiechart/easypiechart-init.js}"></script>

<!--Sparkline Chart-->
<script th:src="@{/js/sparkline/jquery.sparkline.js}"></script>
<script th:src="@{/js/sparkline/sparkline-init.js}"></script>
@{}
<!--icheck -->
<script th:src="@{/js/iCheck/jquery.icheck.js}"></script>
<script th:src="@{/js/icheck-init.js}"></script>

<!-- jQuery Flot Chart-->
<script th:src="@{/js/flot-chart/jquery.flot.js}"></script>
<script th:src="@{/js/flot-chart/jquery.flot.tooltip.js}"></script>
<script th:src="@{/js/flot-chart/jquery.flot.resize.js}"></script>
<script th:src="@{/js/flot-chart/jquery.flot.pie.resize.js}"></script>
<script th:src="@{/js/flot-chart/jquery.flot.selection.js}"></script>
<script th:src="@{/js/flot-chart/jquery.flot.stack.js}"></script>
<script th:src="@{/js/flot-chart/jquery.flot.time.js}"></script>
<script th:src="@{/js/main-chart.js}"></script>

<!--common scripts for all pages-->
<script th:src="@{/js/scripts.js}"></script>


</body>
</html>